<!DOCTYPE html>
<html lang="en">
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
			name="viewport">
		<meta charset="UTF-8">
		<title>合肥婚纱摄影-合肥婚纱照-合肥金夫人集团官网</title>
		<meta content="telephone=no" name="format-detection" />
		<meta content="no-cache" http-equiv="pragma">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" href="/public/css/amazeui.min.css">
		<link rel="stylesheet" href="/public/css/jquery.bxslider.css">
		<link rel="stylesheet" href="/public/css/style.css">
		<link rel="stylesheet" href="/public/css/index.css">
		<link href="/public/css/animate.css" rel="stylesheet" />
		<link href="/public/css/nav.css" rel="stylesheet" />
		<link href="/public/css/modify2.css" rel="stylesheet" />
		<script src="/public/js/jquery.js"></script>
		
		<script src="/public/js/vue.js"></script>
		<!-- 引入element样式 -->
		<link href="/public/css/element.min.css" rel="stylesheet" />
		<!-- 引入element组件库 -->
		<script src="/public/js/element.min.js"></script>
		<script src="/public/js/axios.min.js"></script>
	</head>
	
	<body id="body-wrap">
		
		<link href="/public/css/showcase.css" rel="stylesheet" />
		<link href="/public/css/flexslider.css" rel="stylesheet" />
		<div class="love" id="customVue">
			<header id="layout-header">

				<nav class="index-nav" id="index-nav">
					<ul class="m-1200 ul-list">
						<li class="nli ">
							<a href="/api/front/qianduan/index" class="n-a">
								<p class="nli-p">首页</p>
								<span class="nli-span">Home</span>
							</a>
						</li>

						<li class="nli active">
							<a href="/api/front/qianduan/custom" target="_self"
							   class="n-a">
								<p class="nli-p">客片赏析</p>
								<span class="nli-span">GuestPhoto</span>
							</a>
						</li>
						<li class="nli ">
							<a href="/api/front/qianduan/case" target="_self"
							   class="n-a">
								<p class="nli-p">风格大赏</p>
								<span class="nli-span">ModelPhoto</span>
							</a>
						</li>
						<li class="nli ">
							<a href="/api/front/qianduan/user" target="_self"
							   class="n-a">
								<p class="nli-p">个人中心</p>
								<span class="nli-span">PersonalCenter</span>
							</a>
						</li>
					</ul>
				</nav>
	
			</header>
			<section class="am-nbfc">
				<div class="slider-top">
					<el-carousel height="640px">
						<el-carousel-item v-for="(item,index) in bannerList" :key="item.id">
							<img :src="httpImgUrl+item.imgurl" style="width: 100%;"/>
						</el-carousel-item>
					</el-carousel>
				</div>
				<img class="i-icon-1" src="/public/images/golden-ladies.png" alt="">
			</section>

			<!--每周精选-->
			<section>
				<div class="icon-1 showcase-list-week" id="weeklist">

				</div>
				<img class="icon-3" src="/public/images/week-2.png" alt="">

				<ul class="week-l am-avg-md-4 am-thumbnails" id="showcase-content">
					<li v-for="item in kepianList" :key="item.id">
						<div class="am-thumbnail week-i">
							<a href="" target="_self">
								<img :src="httpImgUrl+item.imgurl" alt=""/>
							</a>
							<div>
								<h4 class="margin-0">{{item.rq}}</h4>
								<p><i>{{item.name}}</i></p>
								<p><i></i></p>
							</div>
						</div>
					</li>
					
				</ul>
			</section>

		</div>
	
		<script src="/public/js/jquery.flexslider.js"></script>
		<script src="/public/js/showcase.js"></script>
		
		<script src="/public/js/jquery.bxslider.js"></script>
		<script src="/public/js/style.js"></script>
		<script src="/public/js/service.js"></script>




		<script src="/public/js/index.js"></script>
		<script src="/public/js/slider.js"></script>
		<script src="/public/js/http.js"></script>

	
		<script>
			new Vue({
				el:'#customVue',
				data:{
					bannerList:[],
					kepianList:[],
					httpImgUrl:httpImgUrl
				},
				created() {
					this.getList()
					this.getKePian()
				},
				methods: {
					getList(){
						MyAxios.get('/api/front/lunbotu/list', {type:2}).then((response)=> {
							if(response.msgcode===0){
								this.bannerList=response.data
							}else{
								this.$message.error(response.msg);
							}
						})
						.catch(function (error) {
							this.$message.error(error);
						});
					},
					getKePian(){
						MyAxios.get('/api/front/zhenshikezhao/list',{num:8}).then((response)=> {
							if(response.msgcode===0){
								this.kepianList=response.data
							}else{
								this.$message.error(response.msg);
							}
						})
						.catch(function (error) {
							this.$message.error(error);
						});
					},
				}
			})
		</script>




	</body>

</html>